.px2rem(@name, @px) {
   @{name}: @px / 75 * 1rem;
}
.flexbox {
    display: flex;
    display: -webkit-flex;
}
body{
	background:#fff;
}
.details_header{
	.flexbox;
	.px2rem(height, 90);
	
	justify-content: space-between;
	border-bottom:1px solid #ccc;
	align-items: center;
	.left{
	text-align:center;
	.px2rem(width, 60);
	img{
	.px2rem(width, 19);
	.px2rem(height, 33);
	}
	}
	.center{
	flex:1;
	text-align:center;
	.px2rem(font-size, 38);
	}
	.right{
	.px2rem(width, 80);
	text-align:center;
	img{
	.px2rem(width, 44);
	.px2rem(height, 57);
	}
	}
}
.details_banner{
	img{
	width: 100%;
	.px2rem(height, 750);
	}
}
.p{
	h3{
	.px2rem(padding-top, 68);
	.px2rem(font-size, 32);
	padding-left: 4.5%;
	.px2rem(padding-bottom, 72);
	color:#959595;
	}
	p{
	
	.px2rem(padding-bottom, 4);
	padding-left: 4.5%;
	.px2rem(font-size, 26);
	}
}
.details_open{
	width: 91%;
	.px2rem(height, 425);
	
	border:1px solid #ccc;
	border-radius:5px;
	margin: 0.5rem auto;

	h3{
	padding-left: 3.5%;
	.px2rem(padding-top, 72);
	.px2rem(padding-bottom, 72);
	.px2rem(font-size, 32)
	}
	p{	
	padding-left: 3.5%;
	.px2rem(font-size, 24);
	color:#c9c9c9;
	.px2rem(padding-bottom, 15);
	span{
	.px2rem(width, 52);
	.px2rem(height, 26);
	.px2rem(font-size, 20);
	color:#F9E7AD;
	border:1px solid #F9E7AD;
	}
	
	}
	a{
	img{
	display: block;
	margin: 0 auto;
	width: 93%;
	.px2rem(height, 182);
	}
	}

}
.foot{
	
	.px2rem(height, 95);
	ul{
	display:flex;
	li{
	flex:1;
	text-align:center;
	.px2rem(height, 95);
	.px2rem(font-size, 30);	
	.px2rem(height, 95);
	.px2rem(line-height, 95);	
	color:#959595;
	
	}
	:nth-child(2){
	background:#fed201;
	color:#181818;

	}
	}
}